<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<%@include file="/common/common_meta.jsp" %>
<%@include file="/common/common_meta_app.jsp" %>
<meta name="robots" content="all"/> 
<meta name="description" content="本棚"/> 
<meta name="keywords" content="本,本棚,評判,感想"/> 
<title>BookPad - トップ</title>
</head>
<body>
<div data-role="page">
<div data-role="header">BookPad</div>
<div data-role="content">
<div id="gq-global" style="text-align:right; border-bottom: 1px solid #00C6FF;">
<c:if test="${!empty userData && userData.authentication}">
  <b>${f:h(userData.email)}</b> | <a href="${f:url('logout')}" rel="external">ログアウト</a>
</c:if>
<c:if test="${empty userData || !userData.authentication}">
  <a href="${f:url('logon')}" rel="external">Googleアカウントでログイン</a>
</c:if>
</div>
<p>自分の読んだ本、読みたい本をログに残そう。<br/>
<c:if test="${pageMode != 'mobile' }">
  <span class="attention-words">(このページは、<strong>スマートフォンに最適化</strong>されています。<a href="${f:url(showUrl)}?mode=mobile">携帯端末専用ページはこちらのリンク</a>から移動してください。)</span>
</c:if>
<c:if test="${pageMode == 'mobile' }">
  <span class="attention-words">(このページは、<strong>携帯電話専用ページ</strong>です。<a href="${f:url(showUrl)}?mode=smart">スマートフォンをご利用の方は、こちらのリンクからスマートフォン専用ページ</a>へ移動してください。)</span>
</c:if>
</p>
<c:if test="${!empty userData && userData.authentication}">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼本棚</li>
<li><a href="${f:url('bookshelf/list/to_read')}"><h3>読みたい本</h3></a></li>
<li><a href="${f:url('bookshelf/list/in_reading')}"><h3>読み中の本</h3></a></li>
<li><a href="${f:url('bookshelf/list/done')}"><h3>読んだ本</h3></a></li>
</ul>
</c:if>
<form name="f1" method="post" action="${f:url('/info/search')}">
<div data-role="fieldcontain">
<lable for="keywords"></lable>
<input type="search" id="search" ${f:text("keywords")}/>
<input type="submit" value="検索" data-inline=“true”/>
</div>
</form>
<c:if test="${!empty noticeList}">
<ul data-role="listview" data-inset="true" data-divider-theme="a">
<li data-role="list-divider">▼注目の本</li>
<c:forEach var="item" items="${noticeList}" varStatus="status">
  <c:set var="detailUrl" value="/info/detail/${f:h(item.ASIN)}" />
  <li>
	  <a href="${f:url(detailUrl)}" target="_blank">
	    <c:if test="${pageMode != 'mobile' }"><img src="${f:h(item.URL)}" alt="${f:h(item.Title)}" /></c:if>${f:h(item.Title)}<br/>
	  </a>
	  <c:if test="${!empty item.Content}">
		<p>${f:br(item.Content)}"/></p>
	  </c:if>
	  <span class="ui-li-count">${f:h(item.FormattedPrice)}</span>
  </li>
</c:forEach>
</ul>
</c:if>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼ランキング</li>
<c:forEach var="category" items="${categorys}" varStatus="status">
	<c:set var="rankinglUrl" value="/info/ranking/${f:h(category)}" />
	<li><a href="${f:url(rankinglUrl)}" style="font-size:10px;">${f:h(category)}</a></li>
</c:forEach>
</ul>
</div>
<div data-role="footer">@BookPad powered by GEA/J</div>
</div>
</body>
</html>
